﻿<div class="user-right pay-index">
    <div class="pay-title">
        <span class="cur" index="0">我要提款</span>
        <span index="1">提款记录</span>
        <span index="2">银行卡管理</span>
    </div>
    <div class="pay-content">
        <p class="pay-war">
            首次快捷支付充值，请先实名认证，请前往<a class="blue" href="@Url.DomainRouteUrl(AreasConfig.Web, "security", "user")">安全信息</a>进行认证，或选择其他充值方式
        </p>
        <p class="pay-exptip">无需开通网银，有银行卡就能支付 （单卡单笔5万，每日累计20万）</p>
        <div class="pay-tp">充值银行</div>
        <div class="pay-bank">
            <ul>
                <li>
                    <input type="radio" name="PayBank" id="cbc-express" />
                    <label for="cbc-express" class="pay-cbc"></label>
                </li>
                <li>
                    <input type="radio" name="PayBank" id="abc-express" />
                    <label for="abc-express" class="pay-abc"></label>
                </li>
                <li>
                    <input type="radio" name="PayBank" id="boc-express" />
                    <label for="boc-express" class="pay-boc"></label>
                </li>
                <li>
                    <input type="radio" name="PayBank" id="ceb-express" />
                    <label for="ceb-express" class="pay-ceb"></label>
                </li>
                <li>
                    <input type="radio" name="PayBank" id="cib-express" />
                    <label for="cib-express" class="pay-cib"></label>
                </li>
                <li>
                    <input type="radio" name="PayBank" id="ccb-express" />
                    <label for="ccb-express" class="pay-ccb"></label>
                </li>
            </ul>
        </div>
        <div class="pay-tp">填写充值金额</div>
        <div class="pay-form">
            <div class="form-item">
                <label>账户余额</label>
                <span><em>10.00</em>元</span>
            </div>
            <div class="form-item">
                <label>储蓄卡卡号</label>
                <input type="text" class="pay-input" />
            </div>
            <div class="form-item">
                <label>充值金额</label>
                <input type="text" class="pay-input" style="width: 100px;" />
            </div>
            <div class="form-item">
                <label>充值手续费</label>
                <span>
                    0元
                    <span class="info-prompt"></span>
                    <a href="#">网银充值、支付宝转账，免手续费！</a>
                </span>
            </div>
            <div class="form-item">
                <label>实际支付金额</label>
                <span>0元</span>
            </div>
            <div class="form-item" style="margin-top: 20px">
                <input class="button red" type="button" value="提交" style="margin-left: 260px" />
            </div>
        </div>
        <div class="pay-pro">
            <p class="t">温馨提示</p>
            <p>1、使用快捷支付后，将绑定支付卡成为唯一的快捷支付卡和提款卡；</p>
            <p>2、如需修改银行卡，请联系客服：4008-270-866；</p>
        </div>
    </div>
    <div class="pay-content pay-list" style="display: none">
        <table>
            <tr>
                <th>时间</th>
                <th>订单号</th>
                <th>充值方式</th>
                <th>金额</th>
                <th>状态</th>
            </tr>
            <tr>
                <td>2015-01-13 11:05:10</td>
                <td>DXF5P5OSFNFPU5HIV3C6</td>
                <td>支付宝，10元</td>
                <td>10元</td>
                <td>成功</td>
            </tr>
            <tr>
                <td>2015-01-13 11:02:01</td>
                <td>2CSUL55DZITFZ2T7FP72</td>
                <td>支付宝</td>
                <td>10元</td>
                <td>未处理</td>
            </tr>
            <tr>
                <td>2015-01-13 11:05:10</td>
                <td>DXF5P5OSFNFPU5HIV3C6</td>
                <td>支付宝，10元</td>
                <td>10元</td>
                <td>成功</td>
            </tr>
        </table>
    </div>
    <div class="pay-content">
        <div class="pay-tp" style="margin-top: 30px">添加银行卡</div>
        <div class="pay-form">
            <div class="form-item">
                <label>账户余额</label>
                <span><em>10.00</em>元</span>
            </div>
            <div class="form-item">
                <label>充值金额</label>
                <input type="text" class="pay-input" style="width: 100px;" />
            </div>
            <div class="form-item" style="margin-top: 20px">
                <input class="button red" type="button" value="提交" style="margin-left: 260px" />
            </div>
        </div>
        <div class="pay-table">
            <table>
                <colgroup>
                    <col style="width: 230px">
                    <col style="width: 135px">
                    <col style="width: 135px">
                    <col>
                </colgroup>
                <tbody>
                    <tr>
                        <td colspan="4">工商银行借记卡支付额度表 / 客服电话 95588</td>
                    </tr>
                    <tr>
                        <td rowspan="2">支付方式</td>
                        <td colspan="2">支付限额</td>
                        <td rowspan="2">开通方式</td>
                    </tr>
                    <tr>
                        <td>每笔限额</td>
                        <td>每日限额</td>
                    </tr>
                    <tr>
                        <td>存量静态密码</td>
                        <td colspan="2">累计300元</td>
                        <td>已无法申请</td>
                    </tr>
                    <tr>
                        <td>电子银行口令卡</td>
                        <td>500</td>
                        <td>1000</td>
                        <td rowspan="3">柜面/网上自助开通</td>
                    </tr>
                    <tr>
                        <td>电子银行口令卡+手机短信认证</td>
                        <td>2000</td>
                        <td>5000</td>
                    </tr>
                    <tr>
                        <td>U盾</td>
                        <td>不限</td>
                        <td>不限</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="pay-pro">
            <p class="t">温馨提示</p>
            <p>1、为了您的资金安全，您的账户资金将由第三方银行托管；</p>
            <p>2、充值前请注意您的银行卡充值限制，以免造成不便；</p>
            <p>3、禁止洗钱、信用卡套现、虚假交易等行为，一经发现并确认，将终止该账户的使用；</p>
            <p>4、为了您的资金安全，建议充值前进行实名认证、手机绑定、设置提现密码；</p>
            <p>5、如果充值遇到任何问题，请联系客服：4008-270-866。</p>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        var $span = $(".pay-title").find("span");
        $span.bind("click", function () {
            var $this = $(this);
            var index = $this.attr("index");
            $span.removeClass("cur");
            $this.addClass("cur");
            $(".pay-content").hide().eq(index).show();
        });
    });
</script>